﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>数据管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="MyraStudio" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!-- App css -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/theme.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/layui/css/layui.css" rel="stylesheet" type="text/css" />
    <link href="/assets/layui/css/transfer.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/bootstrap-editable.css" rel="stylesheet" type="text/css" />
    <style>
        .login-user {
            display: flex;
            color: #000;
            line-height: 30px;
        }

        .login-user input {
            height: 30px;
            border-radius: 4px;
            margin: 0px 4px;
        }

        .login-user select {
            height: 30px;
            border-radius: 4px;
            margin: 0px 4px;
            width: 20px;
        }
    </style>
</head>

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">
        <div class="container-fluid" style="margin-top: 10px;">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="form-header h4">数据回放配置</h4>
                            <div carousel-item class="layui-form" lay-filter="playbackfield">
                                <div>
                                    <form class="layui-form" 
                                        style="margin: 0 auto;max-width: 1150px ;padding-top: 40px;">
                                        <div class="layui-form-item">
                                            <div class="layui-inline ">
                                                <label class="layui-form-label"
                                                    style="white-space: nowrap;">传感器号:</label>
                                                <div class="layui-input-block login-user">
                                                    <input type="text" name="sensor_id" id="sensor_id" lay-verify="required|number"
                                                        class="layui-input" required />
                                                </div>
                                            </div>
                                            <div class="layui-inline ">
                                                <label class="layui-form-label"
                                                    style="white-space: nowrap;">数据编号:</label>
                                                <div class="layui-input-block login-user">
                                                    <input type="text" name="data_id" id="data_id"
                                                        lay-verify="required|number" class="layui-input" required />
                                                </div>
                                            </div>
                                            <div class="layui-inline ">
                                                <label class="layui-form-label"
                                                    style="white-space: nowrap;">数据类型:</label>
                                                <div class="layui-input-block login-user">
                                                    <select name="data_type" id="data_type" lay-filter="data_type">
                                                        <option value=""></option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline ">
                                                <label class="layui-form-label"
                                                    style="white-space: nowrap;">数据空间:</label>
                                                <div class="layui-input-block login-user">
                                                    <select name="space" id="space" lay-filter="space">
                                                        <option value=""></option>
                                                        <option value='空间1'>空间1</option>
                                                        <option value='空间2'>空间2</option>
                                                        <option value='数据库'>数据库</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline ">
                                                <label class="layui-form-label"
                                                    style="white-space: nowrap;">数据目录:</label>
                                                <div class="layui-input-block login-user">
                                                    <input type="text" name="data_path" id="data_path"
                                                        lay-verify="required" class="layui-input" required />
                                                </div>
                                            </div>
                                            <div class="layui-inline " style="float: right" >
                                                <button type="button" class="btn btn-primary waves-effect waves-light"
                                                id="testSubmitBtn">保存配置</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div> <!-- end card body-->
                    </div> <!-- end card -->
                </div><!-- end col-->
            </div>
            <!-- end row-->

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <form id="form-add">
                                <table id="bootstrap-table"></table>
                            </form>
                        </div> <!-- end card body-->
                    </div> <!-- end card -->
                </div><!-- end col-->
            </div>
            <!-- end row-->


        </div> <!-- container-fluid -->

    </div>
    <!-- END layout-wrapper -->



    <!-- Overlay-->
    <div class="menu-overlay"></div>


    <script>
        var ipm = '[[${manageIp}]]';
    </script>
    <!-- jQuery  -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/metismenu.min.js"></script>
    <script src="/assets/js/waves.js"></script>
    <script src="/assets/js/simplebar.min.js"></script>
    <script src="/assets/layui/layui.js"></script>
    <script src="/assets/js/bootstrap-table.js"></script>
    <script src="/assets/js/bootstrap-table-zh-CN.js"></script>
    <script src="/assets/js/bootstrap-editable.js"></script>
    <script src="/assets/js/bootstrap-table-editable.js"></script>
    <!-- Morris Js-->
    <script src="/assets/plugins/morris-js/morris.min.js"></script>
    <!-- Raphael Js-->
    <script src="/assets/plugins/raphael/raphael.min.js"></script>

    <!-- Chart Js-->
    <script src="/assets/plugins/jquery-knob/jquery.knob.min.js"></script>

    <!-- Morris Custom Js-->
    <script src="/assets/pages/data-playback-config-demo.js"></script>
    <script src="/assets/pages/arrowall.js"></script>

    <!-- App js -->
    <script src="/assets/js/theme.js"></script>

</body>

</html>